body {
        background-color: white;
        color: black;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 10pt;
        margin: 0px 20px 20px 20px;
}

h2 {
        font-weight: normal;
}

table {
        font-size: 100%;
}

code {
        font-size: small;
}

.gwt-DialogBox {
        border: 2px outset;
        background-color: white;
}

.gwt-DialogBox .Caption {
        background-color: #C3D9FF;
        padding: 3px;
        margin: 2px;
        font-weight: bold;
        cursor: default;
}

.gwt-ListBox {
        background-color: white;
}

.gwt-TabPanel {
        margin-top: 4px;
}

.gwt-TabPanelBottom {
        background-color: #E8EEF7;
}

.gwt-TabBar {
        padding-top: 2px;
        border-bottom: 4px solid #87B3FF;
        background-color: #fff;
}

.gwt-TabBar .gwt-TabBarItem {
        padding: 4px;
        cursor: pointer;
        cursor: hand;
        background-color: #e8eef7;
        border-bottom: 2px solid white;
        margin-right: 2px;
}

.gwt-TabBar .gwt-TabBarItem-selected {
        padding: 4px;
        font-weight: bold;
        cursor: default;
        background-color: #87b3ff;
        border-bottom: 2px solid #87b3ff;
        margin-right: 2px;
}

.gwt-TextBox-readonly {
        color: #888;
}

.gwt-Tree {
        background: white;
}

.gwt-StackPanel .gwt-StackPanelItem {
        background-color: #C3D9FF;
        cursor: pointer;
        cursor: hand;
}

.gwt-RichTextArea {
        border: 1px solid black;
        background-color: white;
}

.gwt-RichTextToolbar {
        background-color: #C3D9FF;
        padding: 2px;
}

.gwt-RichTextToolbar .gwt-PushButton-up {
        margin-right: 2px;
        border: 1px solid #C3D9FF;
}

.gwt-RichTextToolbar .gwt-PushButton-up-hovering {
        margin-right: 2px;
        border: 1px solid #C3D9FF;
        border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
                rgb(232, 241, 255);
}

.gwt-RichTextToolbar .gwt-PushButton-down {
        margin-right: 2px;
        border: 1px solid #C3D9FF;
        border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
                rgb(157, 174, 205);
}

.gwt-RichTextToolbar .gwt-PushButton-down-hovering {
        margin-right: 2px;
        border: 1px solid #C3D9FF;
        border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
                rgb(157, 174, 205);
}

.gwt-RichTextToolbar .gwt-ToggleButton-up {
        margin-right: 2px;
        border: 1px solid #C3D9FF;
}

.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
        margin-right: 2px;
        border: 1px solid #C3D9FF;
        border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
                rgb(232, 241, 255);
}

.gwt-RichTextToolbar .gwt-ToggleButton-down {
        margin-right: 2px;
        background-color: #E8F1FF;
        border: 1px solid #C3D9FF;
        border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
                rgb(157, 174, 205);
}

.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
        margin-right: 2px;
        background-color: #E8F1FF;
        border: 1px solid #C3D9FF;
        border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
                rgb(157, 174, 205);
}

.gwt-HorizontalSplitPanel {
        border: 8px solid #C3D9FF;
}

.gwt-HorizontalSplitPanel .hsplitter {
        background-color: #C3D9FF;
        cursor: move;
}

.gwt-HorizontalSplitPanel .left {
        background-color: #E8EEF7;
}

.gwt-VerticalSplitPanel {
       
}

.gwt-VerticalSplitPanel .splitter {
        background-color: #C3D9FF;
        height: 8px;
        cursor: move;
}

.gwt-SuggestBoxPopup {
        border: 2px solid #C3D9FF;
}

.gwt-SuggestBoxPopup .item {
        padding: 2px;
}

.gwt-SuggestBoxPopup .item-selected {
        background-color: #C3D9FF;
        padding: 2px;
}

/* ------------------------------OLAP Stuff-------------------------------------- */
.olap-background-red {
        background-color: red;
}

.olap-background-green {
        background-color: green;
        text-align: right;
}

.olap-background-yellow {
        background-color: yellow;

}


.olap-background-blue {
        background-color: blue;
}

.olap-background-white {
        background-color: white;
}

.olap-background-black {
        background-color: black;
        text-align: right;
}

.olap-text-bold {
        font-weight: bold;
        text-align: right;
}
.olap-text-normal {
        color: normal;
        text-align: right;
}

.olap-scroller {
        border: 1px solid #000;
        height: 200px;
        widtth: 200px;
        background-color: white;
}

.olap-col-header-label {
        background-color: #7FFFD4
}

.olap-row-header-label {
        background-color: #66CDAA;
        text-align: right;
}

.olap-col-header-cell {
        background-color: #7FFFD4;
        text-align: center;
}

.olap-row-header-cell {
        background-color: #66CDAA
}

.olap-cell-label {
        background-color: #F5F5DC;
        text-align: right;
}

.olap-cell-cell {
       
}

.olap-table {
        background-color: #C3D9FF
}
/*  The settings for DnD follows below */

HTML { /* Workaround for GWT issue 1932 */
  margin: 2px !important;
  /* border: none !important; */
  border: 2px !important;
}

.dragdrop-handle {
  /* sem estar selecionado */
  cursor: move;
  user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
}

.dragdrop-draggable {
  zoom: 1; /* IE gain hasLayout */
}

.dragdrop-dragging {
  zoom: normal; /* remove artifacts */
  color:purple;
}

.dragdrop-positioner {
  border: 1px dashed #1E90FF; /* blue */
  margin: 0px !important;
  zoom: 1; /* IE gain hasLayout */
  z-index: 100;
  color:green;
}

.dragdrop-flow-panel-positioner {
  /* color: #1E90FF;  blue */
  display: inline;
  text-align: center;
  vertical-align: middle;
  color: red
}
.gwt-StackPanel .gwt-StackPanelItem {
border-style:solid solid none;
cursor:pointer;
font-size:1em;
font-weight:bold;
}
.dragdrop-proxy {
  background-color: #77AAFF; /* light blue */
  color:brown;
}
.dragdrop-selected,.dragdrop-dragging,.dragdrop-proxy {
  /* o original qndo o mouse está sendo movido (e não o que o está sendo usado pelo mouse */
/*  filter: alpha(opacity = 30);
  opacity: 0.3; */
  filter: alpha(opacity = 100);
  opacity: 1;
  /* color: black; */
}

.dragdrop-movable-panel {
  z-index: 200;
  margin: 2px !important;
  border: 2px;
  /*  border: none !important; */
}
.panelBox {
/*      border: 1px solid #000; */
        background-color: white;
/*        margin: 0.4em;*/
}
